﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageIntranet.Master" AutoEventWireup="true" CodeBehind="wfr_proveedorCotizacion.aspx.cs" Inherits="SGCP_UI.wfr_proveedorCotizacion" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <script src="ui/jquery.ui.core.js" type="text/javascript"></script>
    <script src="ui/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="ui/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="ui/i18n/jquery.ui.datepicker-es.js" type="text/javascript"></script>

    <script src="Scripts/jquery.easing.1.3.js" type="text/javascript"></script>


     <link href="Styles/jquery.bubblepopup.v2.3.1.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>

    <script type = "text/javascript">

        $(document).ready(function () {

            $("#txtCodigo").CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Ingrese el código del documento <br /> \
												Cotizacion',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });
            $("#<%=ddlBusqueda.ClientID%>").CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Seleccione un modo <br /> \
												de busqueda',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });




            //create a bubble popup for each DOM element with class attribute as "text", "button" or "link" and LI, P, IMG elements.
            $('#txtFecha1, #txtFecha2').CreateBubblePopup({

                position: 'top',
                align: 'center',

                innerHtml: 'Seleccione una fecha',

                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'center'
                },

                themeName: 'all-black',
                themePath: 'img/jquerybubblepopup-theme'

            });
        });




        $(document).ready(function () {

            $("#divFecha").hide();
            $("#divCodigo").hide();
            $("#divActualizarPago").hide();
            $("#<%=ddlBusqueda.ClientID%>").change(function () {
                if ($("#<%=ddlBusqueda.ClientID%>").val() == "Por Fecha") {
                    $("#divCodigo").hide(function () {
                        $("#divFecha").show();
                    });


                }

                if ($("#<%=ddlBusqueda.ClientID%>").val() == "Por Codigo") {
                    $("#divFecha").hide(function () {
                        $("#divCodigo").show();
                    });


                }
            });
        });

        function addRowHandlers() {
            var table = document.getElementById("divGrillaCodigo");
            var rows = table.getElementsByTagName("tr");
            for (i = 0; i < rows.length; i++) {
                var currentRow = table.rows[i];
                var createClickHandler =
            function (row) {
                return function () {
                    var cell = row.getElementsByTagName("td")[0];
                    var id = cell.innerHTML;
                    alert("id:" + id);
                };
            };

                currentRow.onclick = createClickHandler(currentRow);
            }
        }

        function script_AdministrarCotizacion(arg) {
            var dato = arg;
            var vector = new Array();
            llenarVector_AdministrarCotizacion(dato, vector);
            mostrarResultados_AdministrarCotizacion(vector);
        }

        function llenarVector_AdministrarCotizacion(abc, vector) {
            $(abc).each(function (i, elemento) {
                vector[i] = $(elemento).html();
            });
        }

        function mostrarResultados_AdministrarCotizacion(vector) {
            //alert("das");     
            if (vector[0] == "ConsultaPorFecha") {
                var info = document.getElementById("divGrillaFecha");
                info.innerHTML = vector[1];

                $("divGrillaFecha tr").show();
            }
            else {
                if (vector[0] == "ConsultaPorCodigo") {
                    var info = document.getElementById("divGrillaCodigo");
                    info.innerHTML = vector[1];
                    $("#divGrillaCodigo tr:eq(0)").append("<th>Modificar</h>");
                    $("#divGrillaCodigo tr:not(:first)").append("<td><a onclick = 'return modificar()'>Modificar</a</td>");
                    $("divGrillaCodigo tr").show();
                }
                else {
                    $("#divGrilla").html(vector[0]);
                }
            }
        }
        function modificar() {
            $("#divActualizarPago").show();
            $("#divGrillaCodigo td:contains('Modificar')").click(function () {
                var deuda = $(this).siblings().eq(5).html();
                $("#txtDeuda").val(deuda);
            }
            
            );

        }
        $(function () {
            $("#txtFecha1").datepicker({
                altfield: "",
                altFormat: "DD,d MM, yy"
            });
        });

        $(function () {
            $("#txtFecha2").datepicker({
                altfield: "",
                altFormat: "DD,d MM, yy"
            });
        });
        function Button1_onclick() {
            var lb = "BuscarPorFecha" + "$" + $("#txtFecha1").val() + "$" + $("#txtFecha2").val();
            llamarServidor(lb, "");
        }

        function Button2_onclick() {
            var lb = "BuscarPorCodigo" + "$" + $("#txtCodigo").val();
            llamarServidor(lb, "");
        }

        function Button3_onclick() {
            var lb = "ActualizarPago" + "$" + $("#txtDeuda").val() + "$" + $("#txtMontoPagar").val(); ;
            llamarServidor(lb, "");
        }

        function Button4_onclick() {
            $("#divActualizarPago").hide();
        }

    </script>
    <style type="text/css">
        .style1
        {
            width: 100%;
            height: 63px;
            margin-bottom: 0px;
        }
        .style2
        {
            width: 128px;
        }
        .style3
        {
            width: 111px;
            text-align: right;
        }
        .style4
        {
        }
        .style5
        {
            width: 114px;
        }
        .style6
        {
            width: 13px;
        }
        .style10
        {
            width: 74px;
        }
        .style13
        {
            width: 72px;
        }
        .style14
        {
            width: 126px;
        }
        .style15
        {
            width: 91px;
        }
        .style16
        {
            width: 127px;
        }
        .style17
        {
            width: 64px;
        }
        .style20
        {
            width: 149px;
        }
        </style>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<table class="style1">


    <h1>Administrar Cotizaciones</h1>
        <tr>
            <td class="style4" colspan="6">
                &nbsp;</td>
                <asp:HiddenField ID="HiddenField1" runat="server" 
            />
        </tr>
        <tr>
            <td class="style4">
                &nbsp;</td>
            <td class="style2">
                Modo de busqueda:
            </td>
            <td>
                <asp:DropDownList ID="ddlBusqueda" runat="server" Height="25px" Width="95px">
                    <asp:ListItem Value="Seleccionar"></asp:ListItem>
                    <asp:ListItem>Por Fecha</asp:ListItem>
                    <asp:ListItem>Por Codigo</asp:ListItem>
                </asp:DropDownList>
            </td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    <div id = "divFecha">
                
        <table class="style1">
            <tr>
                <td class="style3">
                    De:</td>
                <td class="style5">
                    <input id="txtFecha1" type="text" /></td>
                <td class="style6">
                    a:</td>
                <td class="style16">
                    <input id="txtFecha2" type="text" /></td>
                <td>
                    <input id="Button1" 
                        type="button" value="Buscar" onclick="return Button1_onclick()" /></td>
            </tr>
            </table>
            <center>
                    <asp:GridView ID="gvFecha" runat="server" Width="558px" class="table">
                    </asp:GridView>
                      <center>
     <div id = "divGrillaFecha">        
         
     </div>    
   </center>
</center>
                
        
    </div>
    <div id = "divCodigo">
    
        <table class="style1">
            <tr>
                <td class="style10">
                    &nbsp;</td>
                <td class="style15">
                    Ingresar&nbsp; Codigo:</td>
                <td class="style20">
                    <input id="txtCodigo" type="text" /></td>
                <td>
                    <input id="Button2" type="button" value="Buscar" 
                        onclick="return Button2_onclick()" /></td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
        <center>

                    <asp:GridView ID="gvCodigo" runat="server" Width="484px" class="table" OnRowCommand="grd_RowCommand">
                    <Columns>
                    <asp:TemplateField>
                    <ItemTemplate>
                        <asp:LinkButton ID="btn" runat="server" Text="Click" CommandName="Click" CommandArgument='<%#Eval("id_cotizacion") %>'/>
                    </ItemTemplate>
                    </asp:TemplateField>
                    </Columns>
                    </asp:GridView>
    </center>

     <center>
     <div id = "divGrillaCodigo">        
     </div>    
   </center>

   
    <div id = "divActualizarPago">
    
    <br />
    <center>
        <asp:GridView ID="gvDetalleCotizacion" runat="server" Width="484px" class="table">
                    </asp:GridView>
        <table class="style1">
            <tr>
                <td class="style14">
                    &nbsp;</td>
                <td class="style13">
                    <input id="Button3" type="button" value="Guardar Cambios" onclick="return Button3_onclick()" /></td>
                <td>
                    <input id="Button4" type="button" value="Ocultar" onclick="return Button4_onclick()" /></td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
    
    </center>
    </div>



    
    </div>



    <center>
     <div id = "divGrilla">        
     </div>    
   </center>

   <br />
    <br />
    

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>
